import React, { Component } from 'react'
import Layout from './component/Layout'

// 注意：
// 编程式路由导航解析：
// 1. 页面中 Link 标签不再需要，而是通过对应标签绑定跳转事件
// 2. 在绑定事件中，通过 props.history.push / props.history.replace 实现路由跳转和是否记录路由信息，
//    注意：在通过 history API 进行跳转时，同样分为 params、search、state 三种方法，具体实现如下：
//        1. this.props.history.push(`/home/message/detail/${id}/${title}/${con}`)
//        2. this.props.history.push(
//          `/home/message/detail?id=${id}&title=${title}&con=${con}`
//        )
//        3. this.props.history.push('/home/message/detail', { ...obj })
// 3. 注册路由不能省，同样，注册路由的跳转和 Link 跳转保持一致
// 4. 子组件的参数接收同样是和 Link 标签保持一致

// 注意：
// 1. 如果说组件已经注册，则再跳转事件所在的组件当中可以不用再写注册路由，比如兄弟组件之间的跳转；
//    而上述的例子是父子组件之间跳转，所以子组件是一定要在当前组件（父组件）下注册
// 2. 在已经注册的路由中通过 API 事件实现传参的时候，要注意注册的路由接参的方式，
//    如 params 传，那就一定要 params 收，接收内容的组件同样在方式上保持一致

export default class App extends Component {
  render() {
    return (
      <div>
        <Layout />
      </div>
    )
  }
}
